<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>12班班史</title>
</head>
<style>
*{  border:1px solid black;
    
}
.menu-text {
    margin: 0;
    font-size: 23px;
    font-family: 'KaiTi', sans-serif;
    font-weight: bold;
    color: #200909;
}
 body{height:100vh;
      background-color: rgb(255, 255, 255);
    margin:0cm
}
.f{display: flex;}
.column{flex-direction: column;}
.biggest{
    height:100vh;
   align-items: center;
}
.p{
    text-indent: 2em;
    font-size: 30px;
    margin-top: 1px;
    font-family:NSimSun
}
.menu{
    width: 100%;
    
    
    justify-content: space-evenly;
    background-color:rgb(183, 222, 245);
}
.menu2{
    width: 70px;
    height:100% ;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.align-center{
    align-items: center;
}

.history{
    display:flex;
    background-color: rgb(255, 255, 255);
    align-self: stretch;
    height: 100%;
    margin-top:32px ;
    margin-left: 5%;
    margin-right: 5%;
}
.flex1{flex:1}
</style>
<body >
  <div class="f column biggest "> 
    <div  class="f menu">
    <!-- caidan -->
       <div class=" menu2 f column">
        <a href="geography.html" style="height: 60px; width: 70px;" >
            <img src="pictures/geography.jpg" height="60px" width="70px">
            
        </a>
        <p class="menu-text" style="margin: 0;">地理</p>
        <!-- geography -->
       </div>
       <div class=" menu2">
         <a href="people.html"  style="height: 60px; width: 70px;">
            <img src="pictures/peoplebiography.jpg" height="60px" width="70px">           
        </a>

        <p class="menu-text" style="margin: 0;">人物</p>
        <!-- people -->
       </div>
    </div>
    <div class="history  f column align-center">
        <h1>正史</h1>
        <p  class="p">
      阿根实行根根制，使12班国力大为增强，一跃成为最强盛的诸侯国，为12班以后统一全校奠定了基础。
     </p>
     <img src="pictures/genfb.jpg " style="width:100%;">
     
     <p style="font-size: 15px">阿根在战斗 左2阿根，最帅的那个 </p>
     <p class="p">根根制触犯了奴隶主阶级的利益，举班上下反抗不断。为此，阿根设立特务机构锦衣卫，锦衣卫直接听命于阿根。以暴力手段铲除反抗势力。</p>
     <p class="p">史料记载贵族阿伟曾在饭局上表达出对根根治的不满。第二天只听房门被敲得狂响“锦衣卫！OPEN THE DOOR！”</p>
     <p class="p">是年，天子被锦衣卫暗杀。锦衣卫渗杀进周王室胁迫王室立阿根为天子。</p>
     <p class="p">同时阿根发动闪电战，三小时之内攻破一楼三个班，一天之内占领扬帆楼4层楼。其余各班纷纷归附。尊阿根为天子。</p>
     <p class="p">阿根在全校范围内实行根根制，削弱地方势力。锦衣卫也随之渗透全校。至此，阿根完成了大一统。</p>
     <p class="p">在统一全校之后，阿根实行暴政。繁重的徭役和苛捐杂碎让人们苦不堪言。随着怨言的累积，山雨欲来之风响彻帝国的大厦。</p>
     
     <!-- history -->
    </div>
</body>
</html>